<!DOCTYPE html>
<html lang="en" ng-app="IndexApp">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <title>Hello Angular</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="libs/bootstrap/3.3.6/css/bootstrap.min.css">
    <link rel="stylesheet" href="libs/bootstrap/bootstrap-addtabs.css">
    <link rel="stylesheet" href="libs/angularjs/ui-grid/ui-grid.css">
</head>
<body>
<my-head></my-head>
</div>
<div ui-view></div>
<my-footer></my-footer>
</body>

<script src="libs/angularjs/1.5.8/angular.min.js"></script>
<script src="libs/angularjs/1.5.8/angular-ui-router.js"></script>
<script src="libs/angularjs/1.5.8/angular-animate.min.js"></script>
<script src="libs/angularjs/ui-bootstrap-tpls-2.3.0.min.js"></script>
<script src="libs/angularjs/ui-grid/ui-grid.js"></script>
<script src="libs/angularjs/1.5.8/angular-touch.js"></script>
<script src="libs/angularjs/1.5.8/angular-aria.js"></script>

<script src="js/app.js"></script>
<script src="js/directives.js"></script>
<script src="js/controllers.js"></script>
<script src="js/filters.js"></script>

<script src="libs/jquery/2.2.3/jquery.min.js"></script>
<script src="libs/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script>
    $(document).scroll(function(){
       if($(document).scrollTop()>300) {
         $("nav").addClass("navbar-fixed-right");
       } else {
           $("nav").removeClass("navbar-fixed-top");
       }
    })

</script>
<span id="lb" style="top:100px;left:100px;position:fixed;"></span>

</html>